<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>关于我们</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../css/css.css" />
    <style>
    .aboutbody {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .aboutbody p {
        width: 92%;
        margin-top: 10px;
        text-indent: 2em;
        font-size: 14px;
        color: #666666;
    }
    [v-cloak] {
        display: none;
    }
    </style>
</head>

<body>
    <div v-cloak id="app">
        <div id="wrap" class="flex-wrap flex-vertical">
            <header>
                <ul>
                    <li class="active">
                        <i onclick="back()" class="icon iconfont icon-back"></i>
                        <span>关于我们</span>
                    </li>
                </ul>
            </header>
            <div class="sharecontent fixed-header">
                <div class="share-content">
                    <div class="share-contents">
                    </div>
                    <div class="share-contents" v-html="about">
                        <!-- <p>版本升级啦程序版本升级啦程序版本升级啦程序版本升级啦程序版本升级啦</p> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</body>

</html>
<script src="../../aui/js/aui.js"></script>
<script src="../../script/vue2.js"></script>
<script src="../../script/vue-resource.min.js"></script>
<script src="../../script/common.js"></script>
<script>
var vm = new Vue({
    el: "#app",
    data: {
        about: '<p>我们湖南万源生态农业有限公司</p>'
    },
    mounted: function() {
        var that = this;

        apiready = function() {
            that.getAbout()
        };
    },
    methods: {
        getAbout: function() {
            var that = this;
            showProgress();
            var token = $api.getStorage('userInfo').token
            api.ajax({
                url: ajaxRoute.about,
                method: 'post',
                data: {
                    values: {
                        token: token
                    }
                }
            }, function(res, err) {
                console.log(JSON.stringify(res),'这是一个测试')
                api.hideProgress();
                if (res.code == 1) {
                    that.about = res.data
                } else {
                    api.toast({ msg: res.msg, location: 'middle' });
                }
            });
        }
    },
    filters: {
        getTel: function(value) {
            var phone = value
            return phone.substr(0, 3) + "****" + phone.substr(7)
        },
        getCard: function(value) {
            var phone = value
            return phone.substr(0, 5) + "********" + phone.substr(12)
        },
        getchecked: function(e) {
            var checked = ''
            if (e == 0) {
                checked = '审核中'
            } else {
                checked = '已审核'
            }
            return checked
        }
    }
})
</script>
